Page({
  // 页面的初始数据
  data: {
    msg: 'Hello 黑马~~~',
    totalCount: 0,
  },
  addCount() {
    // 经典错误，直接修改 data 数据不会触发视图更新
    // this.data.totalCount = 10

    // 通过 this.setData 函数用于将数据从逻辑层发送到视图层
    // this.setData({
    //   totalCount: 10
    // })

    // 1. 获取 data 中的 totalCount 的值
    let num = this.data.totalCount
    // 2. 值累加
    num++
    // 3. 通过 setData 函数把 totalCount 的值更新为 num，从而触发视图更新
    this.setData({
      totalCount: num
    })
  },
  // 事件处理函数
  testTap() {
    console.log('你点我啦')
    // 微信小程序可以理解为一个微信封装好的 Web 容器
    // wx. 调用原生微信的功能，类似 混合开发时自己封装的 mk. 调用原生美蔻商城中的功能

    // 显示消息提示框，轻提示，会自动消失
    // wx.showToast({
    //   icon: 'none',
    //   title: '你点我啦',
    // })

    // 显示 loading 提示框。需主动调用 wx.hideLoading 才能关闭提示框
    wx.showLoading({
      title: '疯狂加载中...',
    })
  },
  testLongTap() {
    console.log('长按才触发')
    // 隐藏 loading 提示框
    wx.hideLoading()
  }
})